<template>
	<view class="pad20">
		<view class="header-view pad30">
			<view class="top-text">
				<text>总收入</text> <text>已提现5500.00/10000.00</text>
			</view>
			<view class="num-view">
				10000.00
			</view>
			<view class="tx-view flex-ce">
				<text class="flex-cc" @tap="navTo('../../withdrawal/withdrawal')">提现</text>
			</view>
		</view>
		<view class="bill-title pad-t20">
			账单明细共53笔
		</view>
		<list-card :listCard="billDetailList"></list-card>
	</view>
</template>

<script>
	
	import listCard from '@/myComponents/list-card-1/list-card-1.vue';
	export default {
		components: {
			listCard
		},
		data() {
			return {
				billDetailList:[
					{time:"8月30日",goods:[
						{title:"商品",jiage:"250",type:"jia",jifen:200,img:'../../../../static/temp/cate1.jpg'},
						{title:"商品",jiage:"250",type:"jia",jifen:200,img:'../../../../static/temp/cate2.jpg'},
					]},
					{time:"8月31日",goods:[
						{title:"商品",jiage:"250",type:"jia",jifen:200,img:'../../../../static/temp/cate3.jpg'},
					]},
					{time:"9月01日",goods:[
						{title:"商品",jiage:"250",type:"jia",jifen:200,img:'../../../../static/temp/cate4.jpg'},
					]}
				]
			}
		},
		methods: {
			navTo:function(url){
				uni.navigateTo({
					url
				});
			},
		}
	}
</script>

<style>
	.header-view{
		background:linear-gradient(186deg,rgba(38,117,245,1) 0%,rgba(77,75,176,1) 100%);
		border-radius:8upx;
	}
	.top-text{
		
		font-weight:500;
		color:rgba(255,255,255,1);
	}
	.top-text text:first-child{
		font-size:36upx;
		line-height:50upx;
		margin-right: 20upx;
	}
	.top-text text:last-child{
		font-size:24upx;
		line-height:34upx;
	}
	.num-view{
		font-size:64upx;
		font-weight:600;
		color:rgba(255,255,255,1);
		line-height:90upx;
	}
	.tx-view text{
		width:120upx;
		height:48upx;
		border-radius:29upx;
		border:2upx solid rgba(255,255,255,1);
		font-size:28upx;
		font-weight:500;
		color:rgba(255,255,255,1);
	}
	
	.bill-title{
		font-size:28upx;
		font-weight:550;
		color:rgba(60,60,60,1);
		line-height:40upx;
	}
</style>
